<template>
      <el-button :ref="`s_${id}`" @click="forceBlur($event)"  plain :type="type" :icon="icon" circle></el-button>
</template>

<script>
export default {
  props: {
    id: {
      type: Number,
      required: true
    },
    type: {
      type: String,
      required: true
    },
    icon: {
      type: String,
      required: true
    }
  },
  methods: {
    // 强制失焦
    forceBlur () {
      this.$refs[`s_${this.id}`].$el.blur()
      this.$emit('handle', this.id)
    }
  }
}
</script>

<style>

</style>
